Browser problem for background-size property [migrated]

Posted by Sangram on Pro Webmasters See other posts from Pro Webmasters or by Sangram
Published on 2011-06-29T11:27:48Z Indexed on 2011/06/29 16:31 UTC
Read the original article Hit count: 217

Filed under:
|
|

I am using one picture as my background of header of my blog. CSS i have used is

#header-wrapper {
height:125px;
padding: 0px;
margin: 0;
background: url("http://3.bp.blogspot.com/_lxBSX0YJV58/TOspWPI1r-I/AAAAAAAAA34/uw872WFS3ME/s1600/headerbg.jpg") top center no-repeat;
background-size: 1120px 124px;
}

original width of an image is 990 px and i made it 1120px using property

background-size: 1120px 124px;

It looks okay in firefox 4 and Opera 11 but doesn't work in IE 7, Palemoon etc. image size does not increases and remains 990 px. You can check my blog HERE

Any help...how can i make it compatible with all browsers ?

© Pro Webmasters or respective owner

Related posts about css

Related posts about website-design